<template>
  <div id="app">
    <div class="section">
      <div class="section-mark"></div>
      <div class="section-title">
        <span>{{ props.title }}</span>
      </div>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '基本信息',
  },
})
</script>
<style scoped>
.section {
  /* margin-bottom: 20px; */
  display: flex;
  height: 19px;
  padding: 5px 0;
  /* line-height: 19px; */
  justify-content: flex-start;
  align-items: center;
}
.section-mark {
  border-left-color: rgb(35, 98, 251);
  border-left-style: solid;
  border-left-width: 4px;
  border-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 14px;
}
.section-title {
  font-size: 18px;
  font-weight: bold;
  margin-left: 8px;
}
</style>
